<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<script type="text/javascript" src="js/changeBrand.js"></script>
<script type="text/javascript" src="js/squareChangeForBrand.js"></script>
<div id="changeBrand" class="em550" style="position: absolute; background-color: #fff; border: 1px solid #cfcfcf; box-shadow: 2px 2px 5px #efefef; display: none;z-index:100000">
	<div class="em80">
	<input type="hidden" id="selectType" value="${selectType}">
	<input type="hidden" id="backPage" value="${backPage}">
	</div>
	<div class="em400 widthall">
		<div class="floatleft div25"></div>
		<div id="chooseone" class="floatleft brandchoose">
			<div id="pinpai" class="em48 borderlt lineh48">
				<div class="floatleft">
					<span class="pdl noselect guuangbiao">品牌选择</span>
					<span class="pdl"><a id="0" onclick="zimuClick('0')" class="clickDiqu">不限</a></span>
					<span class="pdl"><a id="1" onclick="zimuClick('1')" >A-G</a></span>
					<span class="pdl"><a id="2" onclick="zimuClick('2')" >H-N</a></span>
					<span class="pdl"><a id="3" onclick="zimuClick('3')" >O-T</a></span>
					<span class="pdl"><a id="4" onclick="zimuClick('4')" >U-Z</a></span>
					<span class="pdl"><a id="-1" onclick="zimuClick('-1')" >其他</a></span>
				</div>
				<div class="floatright wem200 pdr">
					<div class="em5"></div>
					<div class="em35 selectborder" style=" padding-right: 1em">
						<div class="lineh35 whitediv heigthall">
							<div class="floatleft" style="width: 85%">
								<input type="text" id="brandName"
									class="width95p paddingL1em whiteborder" />
							</div>
							<div class="floatright heigthall hand" style="width: 10%">
								<img onclick="searchBrand()" src="images/research.png"
									style="vertical-align: middle" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="em165 borderlt">
				<div class="em15"></div>
				<div id="ppResultDiv" class="em135 autoflow pdl pdr">
				</div>
				<div class="em15"></div>
			</div>
			<div class="em48 borderlt lineh48">
				<span class="pdl noselect guuangbiao">已选品牌</span>
			</div>
			<div class="em135 bordertlb">
				<div class="em15"></div>
				<div id="selectedPp" class="em90 autoflow pdl pdr">
				</div>
				<div class="em30"></div>
			</div>
		</div>
		<div id="choosetwo" class="floatleft brandchoose" style="display:none">
			<div class="em48 borderlt lineh48 bgefefef">
				<span class="pdl">广场选择</span>
			</div>
			<div class="em350">
				<div class="floatleft em350 bordertlb cbquxz">
					<div class="em10"></div>
					<div id="diqu" class="lineh45 pdl" >
						地区：
						<span><a id="dq_buxian" href="javascript:showLoading();diquClick('-1')" class="clickDiqu">不限</a> </span>
						<c:forEach items="${squareChange.dqList}" var="gcModel">
							<span class="kongxi"></span>
							<a href="javascript:showLoading();diquClick('${gcModel.dqSiteId}')">${gcModel.dqSiteName}</a>
						</c:forEach>
					</div>
					<div class="lineh45 pdl">
						区划：
						<input type="hidden" id="guojia" value='${squareChange.guojia}'>
						<select id="guojiaCombo" class="em35" onchange="showLoading();comboChange(0);">
							<option value="-1">
								请选择
							</option>
						</select>
						<span style="width: 1em; display: inline-block"></span>
						<select id="shengCombo" class="em35" onchange="showLoading();comboChange(1);">
							<option>
								请选择
							</option>
						</select>
						<span style="width: 1em; display: inline-block"></span>
						<select id="shiCombo" class="em35" onchange="showLoading();comboChange(2);">
							<option>
								请选择
							</option>
						</select>
						<span style="width: 1em; display: inline-block"></span>
						<select id="quCombo" class="em35" onchange="showLoading();comboChange(3);">
							<option>
								请选择
							</option>
						</select>
					</div>
				</div>
				<div class="floatleft em350 bordertlb cbgcll">
					<div class="em50 bgf6f6f6" style="width:101%">
						<div class="em10"></div>
						<div class="em35" style="padding-left: 1em; padding-right: 1em">
							<div class="lineh35 whitediv heigthall">
								<div class="floatleft" style="width: 85%">
									<input type="text" id="gc_gcSiteName"
										class="width95p paddingL1em whiteborder" />
								</div>
								<div class="floatright heigthall hand" style="width: 12%">
									<img onclick="showLoading();searchGc()" src="images/research.png"
									style="vertical-align: middle" />
								</div>
							</div>
						</div>
					</div>
					<div class="em15"></div>
					<div id="gcResultDiv" class="em270 pdl pdr autoflow">
						<c:forEach items="${squareChange.gcList}" var="gcSite">
							<div class="em45">
								<div class="em35">
									<div onclick="leftGcCheck(this.id)" id="${gcSite.siteid}"
										class="floatleft divcheck">
										<div class="divchecked hide"></div>
									</div>
									<span class="floatleft kongxi"></span>
									<div title="${gcSite.sitename}" class="em35 lineh35 floatleft subbus" style="width: 70%">
										${gcSite.sitename}
									</div>
								</div>
							</div>
						</c:forEach>
					</div>
					<div class="em15"></div>
				</div>
			</div>
		</div>
		<div id="listone" class="floatleft brandlist">
			<div class="em48 borderltr bgefefef">
				<div class="floatleft pdl lineh48">
					<span id="sxgc" class="hand noselect" onclick="shai()">筛选广场﹀</span>
				</div>
				<div class="floatright pdr lineh48">
					<input id="quanxuanGc" type="checkbox" onchange="quanxuanGc()" /><span class="noselect guuangbiao">全选</span>
				</div>
			</div>
			<div class="em350 selectborder">
				<div class="em15"></div>
				<div id="gcAllDiv" class="em320 autoflow pdl pdr">
					<c:forEach items="${squareChange.gcList}" var="gcSite">
							<div class="em45">
								<div class="em35">
									<div onclick="rightGcCheck(this.id)"
										id="selected${gcSite.siteid}" class="floatleft divcheck">
										<div class="divchecked hide"></div>
									</div>
									<span class="floatleft kongxi"></span>
									<div title="${gcSite.sitename}" class="em35 lineh35 floatleft subbus" style="width: 70%">
										${gcSite.sitename}
									</div>
								</div>
							</div>
						</c:forEach>
				</div>
				<div class="em15"></div>
			</div>
		</div>
		<div class="floatleft div25"></div>
		<div class="cleardiv"></div>
	</div>
	<input type="hidden" id="selectedSiteList" value='${selectedSiteList}'>
	<!-- 选广场 -->
	<form action="ajaxSearchGc">
		<!-- 商圈 -->
		<input type="hidden" id="gc_sqSiteId">
		<!-- 省市区 -->
		<input type="hidden" id="gc_countryId">
		<input type="hidden" id="gc_provinceId">
		<input type="hidden" id="gc_cityId">
		<input type="hidden" id="gc_areaId">
		<!-- 地区 -->
		<input type="hidden" id="gc_dqSiteId">
		<!-- 搜索栏中广场名称 -->
		<input type="hidden" id="gc_gcInput">
	</form>
	<form method="post" id="backForm" action="brandAnalysis">
		<input type="hidden" id="brandId" name="brandId">
		<input type="hidden" id="gcSiteId" name="gcSiteId">
	</form>
	<div class="em45 mth">
		<div class="floatleft div25"></div>
		<div class="floatleft heigthall"><input type="button" onclick="qingkongBrand()" class="btn" value="清空"/>
			<span class="inblock" style="width:0.625em"></span>
			<input type="button" class="btn " onclick="quedingBrand()" value="确定"/>
		</div>
	</div>
	<div class="em25"></div>
</div>